<!DOCTYPE html>
<style>
body {
  font-size: 40px;
}
.text-clip {
  background: blue;
  -webkit-background-clip: text;
  color: rgba(255,0,0,0.5);
}
</style>
Passes if all texts below are purple.
<br>
<div class="text-clip">&nbsp;Text1&nbsp;&nbsp;Text2&nbsp;</div>
<div class="text-clip">&nbsp;Text3&nbsp;&nbsp;Text4&nbsp;</div>
